<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Geo: Maps, Earth and Mapplets</title>
<style type="text/css">@import url("css/styles.css");</style>
</head>
<body>
<div id="container">
  <div id="header">
  <div id="logo"><a href="index.html"><img src="img/creative-logo-110x40.png" alt="Google Creative Breakfast" width="110" height="40" border="0" /></a></div>
  <div id="logos"><a href="geo-demos.html"><img src="img/button-geo-100x40.png" alt="Google Geo" width="100" height="40" border="0" /></a><a href="yt-demos.html"> <img src="img/button-yt-100x40.png" alt="YouTube" width="100" height="40" border="0" /> </a><a href="opensocial-demos.html"><img src="img/button-opensocial-100x40.png" alt="OpenSocial &amp; iGoogle" width="100" height="40" border="0" /></a></div>
  </div>
  <h1>Geo: Maps, Earth and Mapplets </h1>
  <p><a href="geo-learn.html">Learn</a> | Play</p>
  <h2>Maps, Earth and Mapplet  Demos</h2>
  <table border="0" cellspacing="20" cellpadding="5">
    <tr>
      <td valign="top"><a href="demo-geo-streetview.html" target="_blank"><img src="img/ss-geo-streetview.png" width="160" height="150" border="0" class="screenshot" /></a><br />
        <div class="dtitle"><a href="demo-geo-streetview.html" target="_blank">Google Street View </a></div>
      Street View: Look around at street level with Google Street View</td>
      <td valign="top"><a href="demo-geo-tokyojogging.html" target="_blank"><img src="img/ss-geo-tokyojogging.png" width="181" height="150" border="0" class="screenshot" /></a><br />
        <div class="dtitle"><a href="demo-geo-tokyojogging.html" target="_blank">Tokyo Jogging </a></div>
      Street View API: Use the Google API to use Street View in your own application</td>
    </tr>
    <tr>
      <td valign="top"><a href="demo-geo-sgvr.html" target="_blank"><img src="img/ss-geo-sgvr.png" width="152" height="150" border="0" class="screenshot" /></a><br />
        <div class="dtitle"><a href="demo-geo-sgvr.html" target="_blank">Singapore VR </a></div>
      Maps API: Use your own advanced content on top of Google Maps to make a custom experience</td>
      <td valign="top"><a href="demo-geo-mapmsg.html" target="_blank"><img src="img/ss-geo-mapmsg.png" width="173" height="150" border="0" class="screenshot" /></a><br />
        <div class="dtitle"><a href="demo-geo-mapmsg.html" target="_blank">MapMSG.com</a></div>
      Maps API, animation: Google Maps API in a creative, fun way to communicate</td>
    </tr>
    <tr>
      <td valign="top"><a href="demo-geo-hsbc.html" target="_blank"><img src="img/ss-geo-hsbc.png" width="138" height="150" border="0" class="screenshot" /></a><br />
        <div class="dtitle"><a href="demo-geo-hsbc.html" target="_blank">HSBC Trivia Quest </a></div>
Maps API: High touch interaction that draws in users in a fun, engaging game</td>
      <td valign="top"><a href="demo-geo-twitter.html" target="_blank"><img src="img/ss-geo-twitter.png" width="183" height="150" border="0" class="screenshot" /></a><br />
        <div class="dtitle"><a href="demo-geo-twitter.html" target="_blank">Twittervision</a></div>
      Maps API, real-time data: Integrate with Web 2.0 communication </td>
    </tr>
    <tr>
      <td valign="top"><a href="http://maps.google.com/maps/mpl?moduleurl=http://www.google.com/mapfiles/mapplets/youtube/youtube.xml" target="_blank"><img src="img/ss-geo-yt.png" width="167" height="150" border="0" class="screenshot" /></a><br />
        <div class="dtitle"><a href="http://maps.google.com/maps/mpl?moduleurl=http://www.google.com/mapfiles/mapplets/youtube/youtube.xml" target="_blank">Videos from You Tube </a></div>
      Mapplet, YouTube API: The ultimate mashup of video meets location</td>
      <td valign="top"><a href="http://services.google.com/earth/kmz/singapore_grand_prix_n.kmz"><img src="img/ss-geo-f1.png" width="176" height="150" border="0" class="screenshot" /></a><br />
        <div class="dtitle"><a href="http://services.google.com/earth/kmz/singapore_grand_prix_n.kmz">Singapore F1 Route </a></div>
      Google Earth, animation: You will require a copy of <a href="http://pack.google.com/intl/en/integrated_eula.html?hl=en&amp;ciint=ci_earth&amp;ci_earth=onciint=ci_earth">Google Earth</a> to view this demo. 3D Sketchup buildings from Earth@SG</td>
    </tr>
    <tr>
      <td valign="top"><a href="demo-geo-swisstrains.html" target="_blank"><img src="img/ss-geo-swisstrains.png" width="142" height="150" border="0" class="screenshot" /></a><br />
        <div class="dtitle"><a href="demo-geo-swisstrains.html" target="_blank">Swiss trains in real time </a></div>
Maps API, real-time data, animated: Watch the Swiss transit system in real-time </td>
      <td valign="top"><a href="demo-geo-earthanim.html" target="_blank"><img src="img/ss-geo-earthanim.png" width="150" height="150" border="0" class="screenshot" /></a><br />
        <div class="dtitle"><a href="demo-geo-earthanim.html" target="_blank">Simple Earth animation </a></div>
      Earth API, animation: Rotate the earth on your web page using the Google Earth API </td>
    </tr>
    <tr>
      <td valign="top"><a href="demo-geo-flightsim.html" target="_blank"><img src="img/ss-geo-flightsim.png" width="210" height="150" border="0" class="screenshot" /></a><br />
        <div class="dtitle"><a href="demo-geo-flightsim.html" target="_blank">Earth flight simulator </a></div>
      Earth API, animation, interactive: use your keyboard to fly around the globe</td>
      <td valign="top"><a href="demo-geo-drivesim.html" target="_blank"><img src="img/ss-geo-drivesim.png" width="199" height="150" border="0" class="screenshot" /></a><br />
        <div class="dtitle"><a href="demo-geo-drivesim.html" target="_blank">Earth driving simulator  </a></div>
Earth API, animation, interactive: use your keyboard to drive around New York City </td>
    </tr>
    <tr>
      <td valign="top"><a href="demo-geo-wow.html" target="_blank"><img src="img/ss-geo-wow.png" width="152" height="150" border="0" class="screenshot" /></a><br />
        <div class="dtitle"><a href="demo-geo-wow.html" target="_blank">World of Warcraft maps </a></div>
      Maps API, custom map tiles: Explore the land of World of Warcraft on a familiar maps interface. </td>
      <td valign="top"><a href="demo-geo-nyc.html" target="_blank"><img src="img/ss-geo-nyc.png" width="141" height="150" border="0" class="screenshot" /></a><br />
        <div class="dtitle"><a href="demo-geo-nyc.html" target="_blank">New York City.com: Hotels </a></div>
Street View API: Explore the surroundings around New York hotels </td>
    </tr>
    <tr>
      <td valign="top"><a href="demo-geo-gothere.html" target="_blank"><img src="img/ss-geo-gothere.png" width="148" height="150" border="0" class="screenshot" /></a><br />
        <div class="dtitle"><a href="demo-geo-gothere.html" target="_blank">GoThere.sg </a></div>
      Maps API: Explore transit options (bus, MRT, walk) for getting from point A to point B in Singapore </td>
      <td valign="top"><a href="demo-geo-stories.html" target="_blank"><img src="img/ss-geo-stories.png" width="175" height="150" border="0" class="screenshot" /></a><br />
        <div class="dtitle"><a href="demo-geo-stories.html" target="_blank">We Tell Stories  </a></div>
      Maps Flash API: Penguin Books have taken well known stories and charted the books' narrative on a map </td>
    </tr>
    <tr>
      <td valign="top"><a href="http://services.google.com/earth/kmz/flight_animation_n.kmz" target="_blank"><img src="img/ss-geo-flightanim.png" width="269" height="150" border="0" class="screenshot" /></a><br />
        <div class="dtitle"><a href="http://services.google.com/earth/kmz/flight_animation_n.kmz" target="_blank">International Flights Animation </a></div>
      Google Earth : You will require a copy of <a href="http://pack.google.com/intl/en/integrated_eula.html?hl=en&amp;ciint=ci_earth&amp;ci_earth=onciint=ci_earth">Google Earth</a> to view this demo</td>
      <td valign="top"><a href="http://maps.google.com/maps/mpl?moduleurl=http://vinnysapidemos.googlecode.com/svn/trunk/mapplets/movietimes/movietimes.xml" target="_blank"><img src="img/ss-geo-sgmovie.png" width="249" height="150" border="0" class="screenshot" /></a><br />
        <div class="dtitle"><a href="http://maps.google.com/ig/add?synd=mpl&amp;pid=mpl&amp;moduleurl=http://www.google.com/mapfiles/mapplets/sgmovietimes/movietimes.xml" target="_blank">Singapore Movie Finder  </a></div>
      Mapplet : Find out which cinemas in Singapore are playing your favourite movies </td>
    </tr>
    <tr>
      <td valign="top"><a href="http://maps.google.com/maps/mpl?moduleurl=http://www.expedia.com.au/mapplet/hotels.xml" target="_blank"><img src="img/ss-geo-expedia.png" width="165" height="150" border="0" class="screenshot" /></a><br />
        <div class="dtitle"><a href="http://maps.google.com/maps/mpl?moduleurl=http://www.expedia.com.au/mapplet/hotels.xml" target="_blank">Hotels &amp; Attractions - Expedia.com.au </a></div>
      Mapplet: Search for Sydney accommodation </td>
      <td valign="top"><a href="demo-geo-nike.html" target="_blank"><img src="img/ss-geo-nike.png" alt="Levi: Guys flipping into jeans" width="222" height="150" border="0" class="screenshot" /></a><br />
        <div class="dtitle"><a href="demo-geo-nike.html" target="_blank">Nike +: Map It </a></div>
      Maps Flash API: Map your run and share it with other Nike joggers </td>
    </tr>
  </table>
</div>
<div id="footer">This site has been created to support the Google Creative Breakfast in Singapore on 10th October, 2008. The site is not going to be updated after 16th October. For more information on being creative on
the Google platform please head to <a href="http://code.google.com">http://code.google.com</a></div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-1857529-5");
pageTracker._trackPageview();
</script>
</body>
</html>